<template>
	<uni-popup ref="lawyerApply3" type="center">
		<order-popup-common morenWidth="660"  title="付款给律师" @closePop="closePop('lawyerApply3')"  :isShow="false">
			<view slot="popup-con" >
				<view class="flex flex-vertical" style="font-size: 15px;">
					<view class="flex flex-horizontal flex-center-v item">
						<text class="flex flex-1">付款人</text>
						<text>委托人</text>
					</view>
					<view class="flex flex-horizontal flex-center-v item">
						<text class="flex flex-1">付款金额</text>
						<text class="money-text">¥{{item.money}}</text>
					</view>
					<view class="flex flex-horizontal" style="padding: 10px 15px;" v-if="item.reason">
						<text class="flex flex-1" style="min-width: 80px;">付款事由</text>
						<text  style="margin-left: 5px;color: #999;">{{item.reason}}</text>
					</view>
          <view class="flex flex-horizontal" style="padding: 10px 15px;" v-if="item.origin">
            <text class="flex flex-1" style="min-width: 80px;">付款事由</text>
            <view style="margin-left: 5px;color: #999;">{{item.origin}}</view>
          </view>
				</view>
			</view>
			<view slot="popup-btn" class="flex flex-center" style="padding: 10px 0;" @click="closePop('lawyerApply3')">
				<view class="comfir-btn flex flex-center" style="width: 180px;height: 38px;border-radius: 38px;">我知道了</view>
			</view>
		</order-popup-common>
	</uni-popup>
</template>

<script>
	export default {
		props: ['item']

	}

</script>

<style>
	.image-icon {
		width: 37rpx;
		height: 34rpx;
	}
	.item {
		height: 40px;
		padding: 0 15px;
	}
	.image-r {
		width: 9px;
		height: 14px;
		margin-left: 7.5px;
	}
</style>
